.vd{
  
        object-fit:fill;
        width:450px;
        height:150px;
}

.sc-ion-segment-md-h.ion-color.sc-ion-segment-md-s {
        --border-color: var(--border-primary-color);
      }
      
      .segment-button-layout-icon-top {
        color: var(--text-primary-colr);
      }
      
      .sc-ion-segment-md-h.ion-color.sc-ion-segment-md-s>.segment-button-checked {
        color: var(--ion-color-base) !important;
      }
      
      $feedback-font-size: 1rem;
      
      h2 {
        white-space: normal;
        font-size: 1.5rem !important;
      }
      
      ion-thumbnail {
        width: 80px;
      }
      
      .item-ios ion-thumbnail img {
        border-radius: 0%;
        overflow: hidden;
        max-width: 8rem;
        max-height: 6.4rem;
        width: 100%;
        height: 100%;
      }
      
      .item-ios ion-thumbnail {
        vertical-align: top !important;
        margin: 0px !important;
      }
      
      
      .publish-time {
        padding-top: 3px;
        float: right;
        color: #aaa;
        font-size: $feedback-font-size !important;
      }
      
      .feedback {
        .views {
          display: flex;
          align-items: flex-end;
      
          span {
            margin-left: 4px;
          }
        }
      
        .icon {
          color: #aaa;
          font-size: $feedback-font-size !important;
        }
      
        span {
          color: #aaa;
          font-size: $feedback-font-size !important;
        }
      }
       
      .segment {
        padding: 0 4px;
      }
      
      .segment-ios .segment-button:first-of-type {
        border-top-left-radius: 0px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0px;
        margin-right: 0;
      }
      
      .segment-ios .segment-button:last-of-type {
        border-top-left-radius: 0;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0;
        margin-left: 0;
        border-left-width: 0;
      }
      
      .toolbar-ios {
      
        padding-top: 4px;
        padding-bottom: 0px;
        padding-left: 4px;
        padding-right: 4px;
        min-height: 55px !important;
      }
      
      .header-ios>.toolbar-ios:last-child {
        min-height: 44px !important;
      
        .bar-buttons {
          padding-top: 20px;
        }
      }
      
      .list-ios {
        margin: 10px 0 32px;
      }
      
      .item-block {
        padding-top: 0px;
        padding-bottom: 0px;
      }
      
      data-hints div {
        color: #ccc;
      }
      
      data-hints span {
        border-color: #999;
      }
      
      .toolbar-ios .segment-button {
        max-width: 100px;
        height: 2.6rem;
        font-size: 1.5rem;
        line-height: 2.5rem;
      }
       
      ion-header {
        ion-toolbar {
          &:last-child {
            --padding-bottom: 0;
            --min-height: 50px;
          }
        }
      }
    
      .btnOpen{
        color :greenyellow;
          
      }
      .btnClose{
        color: red;  }
    
    
      
      // .tabs {
      //   position: relative;
      //   height: 100%;
      // }
      // .container {
      //   position: absolute;
      //   top: 0;
      //   bottom: 0;
      //   left: 0;
      //   right: 0;
      // }
      
      // .container-content {
      //   position: relative; 
      //   display: none;
      //   overflow-y: scroll;
      // }
      
      // .show {
      //   display: block;
      // }